<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>动画演示</title>
<style type="text/css">
#box{position:absolute; top:0; width:200px; height:30px; background-color:#666; color:#fff; border:1px solid #aaa;}
#box2{position:absolute; top:90px; width:200px; height:30px; background-color:#666; color:#fff; border:1px solid #aaa;}
#btn{position:absolute; top:50px;}

#eraser{position:absolute; width:20px; height:20px; top:140px; background-color:#fff;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body bgcolor="#888">

<div id="box"></div>
<button id="btn">开奖</button>

<div id="box2"></div>
<div id="eraser"></div>

<script type="text/javascript">
F.ready({
	init: function(){
		var box = F("box");
		this.result = box.full("div",1).html("一等奖").align("center").css("line-height:30px;");
		this.mask = box.full("div",1).width(200).bg("#000");
		F("btn").click(function(box){
			this.mask.anime({width:0, duration:3000, type:"Linear"});
		}.proxy(this));
	}
});

F.ready({
	init: function(){		
		var box = F("box2");
		this.result = box.full("div",1).html("一等奖").align("center").css("line-height:30px;");
		this.mask = box.full("div",1).width(200).bg("#000");
		F("eraser").drag();		
	}
});
</script>
</body>
</html>